<!DOCTYPE html>
<html lang="cn">

<head>
  <meta charset="UTF-8">
  <script src="./rem.js"></script>
  <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1.0,maximum-scale=1.0"> -->
  <meta name="format-detection" content="telephone = no">
  <meta name="viewport"
    content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <title></title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>
  <link rel="stylesheet" href="./common.css">
  <link rel="stylesheet" href="./vote.css">
  <script>
    function rembig() {
      setRemSize()
      window.addEventListener("resize", setRemSize, false)

      function setRemSize() {
        var width = document.documentElement.clientWidth
        if (width > 750) {
          width = 750
        }
        var _clientWidth = width / 7.5 + 'px'
        document.documentElement.style.fontSize = _clientWidth
      }
    }
    rembig()
  </script>
</head>

<body>
  <div class="content">
    <header>
      <div class="header">
        <!-- <div></div> -->
        <!-- <img
          src="./images/投票进行中_slices/首页 (3)@2x.png"> -->
        <div class="input">
          <!-- <img class="searchingIcon" src="./images/投票进行中_slices/搜索@2x.png"> -->
          <input type="text" class="searching" placeholder="快速找到你喜爱的品牌" />
          <img class="clearSearching" src="./images/投票进行中_slices/关  闭@2x.png">
        </div>
        <img class="encyclopedias" src="./images/投票进行中_slices/书@2x.png">
      </div>
      <div class="swiper-wrapper-banner">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="./images/banner底图/tp_banner_img.png" alt="" srcset="">
            <p class="tradeName">美妆护理珠宝行业</p>
            <p class="selection">十大品牌评选</p>
            <button class="bannerBtn1">参加活动>></button>
          </div>
          <!-- <div class="swiper-slide">
            <img
              src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708329&di=98206093402ae89c31a37b8c307a4bbd&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F012f215c41999ca801203d22132b21.jpg"
              alt="" srcset="">
          </div> -->
        </div>
        <div class="swiper-pagination"></div>
      </div>
    </header>
    <nav class="rollingNotification rollingNotificationHome">
      <img src="./images/投票进行中_slices/公告@2x.png" alt="" srcset="">
      <div class="rollingContainer">
        <p class="rollingContent">郑重提示：品牌网不会授权任何单位，谨防诈骗。</p>
      </div>
      <div class="activityDetails">
        <p>活动</p>
        <p>详情</p>
      </div>
    </nav>
    <div class="details">
      <!-- <div class="topDetailsContent">
        <p>
          活动详情 <img src="./images/rightArrow.png">
        </p>
        <ul class="topRanking">
          <li>
            <img
              src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg">
            品牌名
            <button class="voteBtn" id="1">投票</button>
          </li>
          <li>
            <img
              src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg">
            品牌名
            <button class="voteBtn" id="0">投票</button>
          </li>
          <li>
            <img
              src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg">
            品牌名
            <button class="voteBtn" id="2">投票</button>
          </li>
        </ul>
      </div> -->
      <ul class="surplusRanking">
        <li style="
          background: url('./images/投票进行中_slices/undefined (1) 拷贝@2x.png') no-repeat;
          background-size: cover;
          ">
          <div class="surplusRankingLeft">
            <span class="index">
              <img src="./images//投票进行中_slices/1@2x.png" alt="" srcset="">
            </span>
            <div class="logoImages border1px">
              <img class="logoImages1"
                src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg">
              <img class="logoImages2" src="./images/投票进行中_slices/shangsheng-2 拷贝 2@2x.png" alt="" srcset="">
            </div>
            <div class="info">
              <p>晨阳科技晨</p>
              <p>13212票</p>
            </div>
          </div>
          <div class="surplusRankingRight">
            <button class="voteBtn" id="1" data-params="
                0,
                https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg,
                晨阳科技晨,
                11111
              ">投票</button>
          </div>
        </li>
        <li style="
          background: url('./images/投票进行中_slices/undefined (1) 拷贝 2@2x.png') no-repeat;
          background-size: cover;
          ">
          <div class="surplusRankingLeft">
            <span class="index">
              <img src="./images//投票进行中_slices/2@2x.png">
            </span>
            <div class="logoImages">
              <img
                src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg">
              <img src="./images/投票进行中_slices/shangsheng-2 拷贝 2@2x.png" alt="" srcset="">
            </div>
            <div class="info">
              <p>LOLIWARE</p>
              <p>13212票</p>
            </div>
          </div>
          <div class="surplusRankingRight">
            <button class="voteBtn" id="1" data-params="
                1,
                https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg,
                LOLIWARE,
                13212
              ">申请奖牌</button>
          </div>
        </li>
        <li style="
          background: url('./images/投票进行中_slices/undefined (1) 拷贝 3@2x.png') no-repeat;
          background-size: cover;
          ">
          <div class="surplusRankingLeft">
            <span class="index">
              <img src="./images//投票进行中_slices/3@2x.png">
            </span>
            <div class="logoImages">
              <img
                src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg">
              <img src="./images/投票进行中_slices/shangsheng-2 拷贝@2x.png" alt="" srcset="">
            </div>
            <div class="info">
              <p>盛去游戏</p>
              <p>13212票</p>
            </div>
          </div>
          <div class="surplusRankingRight">
            <button class="voteBtn" id="1" data-params="
                2,
                https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg,
                盛去游戏,
                13212
              ">投票</button>
          </div>
        </li>
        <li style="
          background: url('./images/投票进行中_slices/undefined 2 拷贝@2x.png') no-repeat;
          background-size: cover;
          ">
          <div class="surplusRankingLeft">
            <span class="index indexBg">
              4
              <!-- <img src="./images//投票进行中_slices/4@2x.png"> -->
            </span>
            <div class="logoImages">
              <img
                src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg">
              <img src="./images/投票进行中_slices/shangsheng-2 拷贝@2x.png" alt="" srcset="">
            </div>
            <div class="info">
              <p>盛去游戏</p>
              <p>13212票</p>
            </div>
          </div>
          <div class="surplusRankingRight">
            <button class="voteBtn" id="1" data-params="
                3,
                https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg,
                盛去游戏,
                13212
              ">投票</button>
          </div>
        </li>
        <li style="
          background: url('./images/投票进行中_slices/undefined 2 拷贝@2x.png') no-repeat;
          background-size: cover;
          ">
          <div class="surplusRankingLeft">
            <span class="index indexBg">
              5
              <!-- <img src="./images//投票进行中_slices/5@2x.png"> -->
            </span>
            <div class="logoImages">
              <img
                src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg">
              <img src="./images/投票进行中_slices/shangsheng-2 拷贝@2x.png" alt="" srcset="">
            </div>
            <div class="info">
              <p>盛去游戏</p>
              <p>13212票</p>
            </div>
          </div>
          <div class="surplusRankingRight">
            <button class="voteBtn" id="0" data-params="
                0,
                https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg,
                盛去游戏,
                13212
              ">投票</button>
          </div>
        </li>
        <li style="
          background: url('./images/投票进行中_slices/undefined 2 拷贝@2x.png') no-repeat;
          background-size: cover;
          ">
          <div class="surplusRankingLeft">
            <span class="index indexBg">
              6
              <!-- <img src="./images//投票进行中_slices/6@2x.png"> -->
            </span>
            <div class="logoImages">
              <img
                src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg">
              <img src="./images/投票进行中_slices/shangsheng-2 拷贝@2x.png" alt="" srcset="">
            </div>
            <div class="info">
              <p>盛去游戏</p>
              <p>13212票</p>
            </div>
          </div>
          <div class="surplusRankingRight">
            <button class="voteBtn" id="1" data-params="
                0,
                https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg,
                盛去游戏,
                13212
              ">投票</button>
          </div>
        </li>
        <li>
          <div class="surplusRankingLeft">
            <span class="index indexBg">
              7
              <!-- <img src="./images//投票进行中_slices/7@2x.png"> -->
            </span>
            <div class="logoImages">
              <img
                src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg">
              <img src="./images/投票进行中_slices/shangsheng-2 拷贝@2x.png" alt="" srcset="">
            </div>
            <div class="info">
              <p>盛去游戏</p>
              <p>13212票</p>
            </div>
          </div>
          <div class="surplusRankingRight">
            <button class="voteBtn" id="1" data-params="
                0,
                https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg,
                盛去游戏,
                13212
              ">投票</button>
          </div>
        </li>
        <li>
          <div class="surplusRankingLeft">
            <span class="index indexBg">
              8
              <!-- <img src="./images//投票进行中_slices/8@2x.png"> -->
            </span>
            <div class="logoImages">
              <img
                src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg">
              <img src="./images/投票进行中_slices/shangsheng-2 拷贝@2x.png" alt="" srcset="">
            </div>
            <div class="info">
              <p>盛去游戏</p>
              <p>13212票</p>
            </div>
          </div>
          <div class="surplusRankingRight">
            <button class="voteBtn" id="1" data-params="
                0,
                https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg,
                盛去游戏,
                13212
              ">投票</button>
          </div>
        </li>
        <li>
          <div class="surplusRankingLeft">
            <span class="index indexBg">
              9
              <!-- <img src="./images//投票进行中_slices/9@2x.png"> -->
            </span>
            <div class="logoImages">
              <img
                src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg">
              <img src="./images/投票进行中_slices/shangsheng-2 拷贝@2x.png" alt="" srcset="">
            </div>
            <div class="info">
              <p>盛去游戏</p>
              <p>13212票</p>
            </div>
          </div>
          <div class="surplusRankingRight">
            <button class="voteBtn" id="1" data-params="
                0,
                https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg,
                盛去游戏,
                13212
              ">投票</button>
          </div>
        </li>
        <li>
          <div class="surplusRankingLeft">
            <span class="index indexBg1">
              <!-- <img src="./images//投票进行中_slices/10@2x.png"> -->
              10
            </span>
            <div class="logoImages">
              <img
                src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg">
              <img src="./images/投票进行中_slices/shangsheng-2 拷贝 2@2x.png" alt="" srcset="">
            </div>
            <div class="info">
              <p>盛去游戏</p>
              <p>13212票</p>
            </div>
          </div>
          <div class="surplusRankingRight">
            <button class="voteBtn" id="1" data-params="
                0,
                https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg,
                盛去游戏,
                13212
              ">投票</button>
          </div>
        </li>
      </ul>

      <ul class="surplusRankingInfo">
        <li style="
            background: url('./images/投票进行中_slices/undefined 2 拷贝@2x.png') no-repeat;
            background-size: cover;
            position: relative;
          ">
          <div class="surplusRankingInfoLeft">
            <div class="logoImages">
              <img
                src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg">
              <!-- <img src="./images/投票进行中_slices/shangsheng-2 拷贝 2@2x.png" alt="" srcset=""> -->
            </div>
            <p>晨阳科技晨</p>
          </div>
          <div class="surplusRankingInfoRight">
            <div class="insideLeft">
              <p>重庆市晨阳科技有限公司</p>
              <p>重庆市万科路182号</p>
              <p>www.chenyang.com</p>
              <button class="voteButton freeButton">免费领取奖牌</button>
            </div>
            <div style="position: absolute;right: 0;top: 0;">
              <img style="width:1rem;position: absolute;right: -0.04rem;top: -0.03rem;"
                src="./images/投票进行中_slices/info1@2x.png" alt="" srcset="">
            </div>
          </div>
        </li>
        <li style="
          background: url('./images/投票进行中_slices/undefined 2 拷贝@2x.png') no-repeat;
          background-size: cover;
          ">
          <div class="surplusRankingInfoLeft">
            <div class="logoImages">
              <img
                src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg">
              <!-- <img src="./images/投票进行中_slices/shangsheng-2 拷贝 2@2x.png" alt="" srcset=""> -->
            </div>
            <p>晨阳科技晨</p>
          </div>
          <div class="surplusRankingInfoRight">
            <div class="insideLeft">
              <p>重庆市晨阳科技有限公司</p>
              <p>重庆市万科路182号</p>
              <p>www.chenyang.com</p>
              <button class="voteButton freeButton">免费领取奖牌</button>
            </div>
            <div class="insideRight index indexBg">
              4
            </div>
          </div>
        </li>
        <li style="
          background: url('./images/投票进行中_slices/undefined 2 拷贝@2x.png') no-repeat;
          background-size: cover;
          ">
          <div class="surplusRankingInfoLeft">
            <div class="logoImages">
              <img
                src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg">
              <!-- <img src="./images/投票进行中_slices/shangsheng-2 拷贝 2@2x.png" alt="" srcset=""> -->
            </div>
            <p>晨阳科技晨</p>
          </div>
          <div class="surplusRankingInfoRight">
            <div class="insideLeft">
              <p>重庆市晨阳科技有限公公公重庆市晨阳科技有限公司</p>
              <p>重庆市万科路182号</p>
              <p>www.chenyang.com</p>
              <button class="voteButton freeButton">免费领取奖牌</button>
            </div>
            <div class="insideRight index indexBg">
              10
            </div>
          </div>
        </li>
      </ul>
    </div>
    <footer class="footer">
      <p>客服电话：xxxxxxxxxxxx</p>
      <p>问题反馈 | 推荐参加活动</p>
      <p>这里是备案号</p>
    </footer>
    <div class="wxDialog dialog">
      二维码二维码二维码二维码二维码二维码二维码二维码二维码二维码二维码二维码二维码二维码二维码二维码二维码
    </div>
    <div class="telDialog dialog">
      <div class="top">
        <div></div>
        提示
        <img src="./images/close.png" class="closeSelf">
      </div>

      <p>确定拨打客服电话: 114 吗？</p>
      <div class="bottom">
        <div class="btn closeSelf">取消</div>
        <a href="tel:114" class="btn closeSelf">
          <div>确定</div>
        </a>
      </div>
    </div>
    <div class="voteDialog dialog" id="voteDialog0">
      <div class="mark">
        <div class="container">
          <div class="top">
            <!-- <div></div> -->
            <p style="
            font-size:0.3rem;
            color:rgba(51,51,51,1);">投票验证</p>
            <!-- <img src="./images/投票进行中_slices/grayClose.png" class="closeSelf"> -->
          </div>
          <div class="rollingNotification">
            <img src="./images/投票进行中_slices/公告@2x.png">
            <div class="rollingContainer">
              <p class="rollingContent">严禁刷票，经发现您的账号将无法启用</p>
            </div>
          </div>
          <div class="voteLogo">
            <img src="" style="background: pink" />
            <p>这里是品牌名称</p>
          </div>
          <div class="codeContainer">
            <div class="code fixedWidthCode">
              <input class="codeModel" />
              <img class="changeCode"
                src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg" />
            </div>
            <div style="display: flex;justify-content:space-between">
              <p class="validationTip validationTipError" style="width: auto">
                <img src="./images/投票进行中_slices/icon_roundclose_fill (1).png" alt="" srcset="">
                输入验证码错误！</p>
              <p class="validationTip" style="color:#3771AC; width: auto">看不清，换一张</p>
              <!-- <p class="validationTip validationTipSuccess">
                <img src="./images/投票进行中_slices/对勾.png" alt="" srcset="">
                输入验证码正确</p> -->
            </div>

          </div>
          <button class="voteButton voteFillButton">投票</button>
        </div>
        <img src="./images/status_slices/close_pre_btn_icon.png" class="bottomClose closeSelf">
      </div>
    </div>
    <div class="voteDialog dialog" id="voteDialog1">
      <div class="mark">
        <div class="container">
          <div class="top">
            <div></div>
            <!-- <h4>投票成功</h4> -->
            <img src="./images/投票进行中_slices/grayClose.png" class="closeSelf">
          </div>
          <div class="voteLogo">
            <img src="" style="background: pink" />
            <p style="font-size:0.32rem;color:#333333">投票成功</p>
          </div>
          <div class="successInfo">
            <div class="successInfoCount" style="background: url('./images/投票进行中_slices/window_img @2x.png') no-repeat;
              background-size: cover;">
              999999999票
            </div>
            <p style="color:#333333">陕西省岳胜汽车有限公司</p>
            <p style="color:rgba(153,153,153,1);">
              汽修行业
            </p>
            <p style="color:rgba(153,153,153,1);">
              2019.04.12 09:15
            </p>
          </div>
          <div class="code">
            <input class="urlModel" readonly="readonly" value="11112" />
            <button class="getUrl" data-clipboard-target=".urlModel">复制链接</button>
          </div>
          <button class="voteButton">我知道了</button>
        </div>
      </div>
    </div>
    <div class="voteDialog dialog" id="voteDialog2">
      <div class="mark">
        <div class="container">
          <div class="top">
            <div></div>
            <!-- <h4>投票失败</h4> -->
            <img src="./images/投票进行中_slices/grayClose.png" class="closeSelf">
          </div>
          <div class="voteLogo">
            <img src="" style="background: pink" />
            <p style="font-size:0.32rem;
            font-weight:bold;
            color:rgba(207,20,27,1);">投票失败</p>
            <p style="
              text-align:center;
              font-size:0.28rem;
              font-family:PingFang-SC-Regular;
              color:rgba(102,102,102,1);">由于服务器异常，您的投票失败了</p>
          </div>
          <div class="code">
            <input class="urlModel" readonly="readonly" />
            <button class="getUrl">复制链接</button>
          </div>
          <button class="voteButton">我知道了</button>
        </div>
      </div>
    </div>
    <div class="voteDialog dialog" id="voteDialog3">
      <div class="mark">
        <div class="container">
          <div class="top">
            <div></div>
            <!-- <h4>投票失败</h4> -->
            <img src="./images/投票进行中_slices/grayClose.png" class="closeSelf">
          </div>
          <div class="voteLogo">
            <img src="" style="background: pink" />
            <p style="font-size:0.32rem;
            font-family:PingFang-SC-Medium;
            font-weight:bold;
            color:rgba(207,20,27,1);
            line-height:0.3rem">投票失败</p>
          </div>
          <p style="
            height:0.27rem;
            font-size:0.28rem;
            font-family:PingFang-SC-Regular;
            color:rgba(51,51,51,1);margin-bottom: 0.42rem;">
            8:10可继续投票!
          </p>
          <div class="code">
            <input class="urlModel" readonly="readonly" />
            <!-- <div class="urlModel">?</div> -->
            <button class="getUrl">复制链接</button>
          </div>
          <button class="voteButton">我知道了</button>
        </div>
      </div>
    </div>
    <div class="activityDetailsDialog dialog">
      <div class="mark">
        <div class="container">
          <div class="industry">中国机电能源仪器仪</div>
          <div class="dateRange">2019.07-2019.08</div>
          <img src="./images/vote/m_hddt_img.png" class="bgImg" alt="" srcset="">
          <img src="./images/vote/m_hdxqjb_img.png" class="bgBottomImg" alt="" srcset="">
        </div>
        <img src="./images/vote/-s-gb_per_btn_icon.png" class="bottomClose closeSelf">
      </div>
    </div>
  </div>

  <div class="contact">
    <div class="common">
      <img class="goTop" src="./images/side/tpy_fx_icon.png">
    </div>
    <div class="common">
      <img class="openAndClose" src="./images/vote/hdwks_btn_icon.png">
    </div>
    <a href="tencent://message/?uin=12345&Site=&Menu-=yes" style="display: block" class="common">
      <img src="./images/vote/cjhd_btn_icon.png">
    </a>
    <div class="common">
      <img class="goTelephone" src="./images/vote/tpy_fx_icon.png">
    </div>
    <div class="common">
      <img class="goTelephone" src="./images/side/tpy_kf_icon.png">
    </div>
  </div>
  
  <div class="toast voteSuccessToast">
    <div class="content">
      投票成功
    </div>
  </div>
  <div
    style="z-index: 99;width: 7.49rem;position:fixed;bottom: 0.2rem;margin: auto;left: 0;right: 0;display: flex;flex-direction: column;align-items: flex-end">
    <div onclick="javascript:$(this).parent().css('display', 'none')"
      style="display:flex;width:0.56rem;height:0.56rem;margin-right:0.24rem;position: relative;">
      <img src="./images/tp_window_close_btn@2x (1).png" style="width:100%;height:100%;position: absolute;">
    </div>
    <img src="./images/tp_window_img.png" style="width: 100%;height:3.12rem;">
  </div>
</body>

</html>
<script>
  function closeOtherDialog(name) {
    $('.content').css('overflow', 'hidden')
    var allDialog = ['.telDialog', '.wxDialog', '.voteDialog', '.activityDetailsDialog']
    for (let i = 0; i < allDialog.length; i++) {
      if (name === allDialog[i]) allDialog.splice(i, 1)
    }
    for (let j = 0; j < allDialog.length; j++) {
      $(allDialog[j]).hide()
    }
    // for (let j in allDialog) {
    //   if (allDialog.hasOwnProperty(j)) {
    //     $(allDialog[j]).hide()
    //   }
    // }
    return $(name)
  }
  var voteInit = {
    searching: function () {
      var sort = function (value) {
        var flag = true
        var surplusRanking = $('.surplusRanking').children()
        var headerH = $('.header').get(0).offsetHeight
        var bannerH = $('.swiper-wrapper-banner').get(0).offsetHeight
        var rollingH = $('.rollingNotification').get(0).offsetHeight
        for (var i = 0; i < surplusRanking.length; i++) {
          + function (i) {
            var arr = []
            var ps = $(surplusRanking[i]).find('p')
            var pss = $($(surplusRanking[i]).find('p'))
            for (var j = 0; j < ps.length; j++) {
              + function (j) {
                arr.push(pss.text())
              }(j)
            }
            if (arr.toString().toLowerCase().indexOf(value.toLowerCase()) != '-1' && value.length) {
              if (flag) {
                $('html,body .content').animate({
                  scrollTop: surplusRanking[i].offsetTop + bannerH + rollingH - headerH - 18
                }, 100)
                flag = null
              }
              // surplusRanking[i].style.display = 'flex'
            } else {
              // surplusRanking[i].style.display = 'none'
            }
          }(i)
        }
      }
      var searchTimer
      $('.searching').on('input', function (e) {
        if (searchTimer) clearTimeout(searchTimer)
        searchTimer = setTimeout(function () {
          e.delegateTarget.value.length ? $('.clearSearching').fadeIn(111) : $('.clearSearching').hide()
          // e.delegateTarget.value.length ? $('.searchingIcon').hide() : $('.searchingIcon').fadeIn(111)
          sort(e.delegateTarget.value)
        }, 133)
      })
      $('.clearSearching').click(function (params) {
        $('.searching').val('')
        $('.clearSearching').hide()
        // $('.searchingIcon').fadeIn(111)
        sort('')
      })
    },
    swiper: function () {
      var mySwiper = new Swiper('.swiper-wrapper-banner', {
        loop: true,
        autoplay: true,
        pagination: {
          el: '.swiper-pagination',
        }
      })
    },
    // searching1: function () {
    //   var sort = function (value = '') {
    //     for (let i of $('.surplusRanking').children()) {
    //       let arr = []
    //       for (let j of $(i).find('p')) {
    //         arr.push($(j).text())
    //       }
    //       if (arr.toString().includes(value)) {
    //         i.style.display = 'flex'
    //       } else {
    //         i.style.display = 'none'
    //       }
    //     }
    //   }
    //   var searchTimer
    //   $('.searching').on('input', function (e) {
    //     if (searchTimer) clearTimeout(searchTimer)
    //     searchTimer = setTimeout(function () {
    //       e.delegateTarget.value.length ? $('.clearSearching').fadeIn(111) : $('.clearSearching').hide()
    //       // e.delegateTarget.value.length ? $('.searchingIcon').hide() : $('.searchingIcon').fadeIn(111)
    //       sort(e.delegateTarget.value)
    //     }, 133)
    //   })
    //   $('.clearSearching').click(function (params) {
    //     $('.searching').val('')
    //     $('.clearSearching').hide()
    //     // $('.searchingIcon').fadeIn(111)
    //     sort()
    //   })
    // },
    rolling: function () {
      var except2 = 1
      if (document.documentElement.clientWidth < 750) {
        except2 = 2
      }
      var farther = document.getElementsByClassName('rollingContainer')
      var son = document.getElementsByClassName('rollingContent')
      for (let i in farther) {
        var contrastWidth = farther[i].offsetWidth > son[i].offsetWidth
        if (contrastWidth) son[i].style.transform = 'translateX(0)'
        else son[i].offsetWidth ? son[i].style.setProperty('--duration', son[i].offsetWidth / 40 * except2 + 's') :
          ''
        son[i].offsetWidth ? son[i].style.setProperty('--fatherWidth', (farther[i].offsetWidth) / 100 * except2 +
          'rem') : ''
      }
    },
    scroll: function () {
      var except2 = 1
      if (document.documentElement.clientWidth < 750) {
        except2 = 2
      }
      var contactTimer
      var timer
      var contactHeight = $('.contact').height()
      var commonHeight = $('.common').height()
      var one = 1.34
      $('.contact').css('height', one * 2 + 'rem')
      $('.goTop').css('opacity', 0)
      $('.content').scroll(function () {
        $('.header').css('background', $('.content').scrollTop() <= 0 ? 'none' : '#a80108')
        if (timer) clearTimeout(timer)
        timer = setTimeout(function () {
          if ($('.content').scrollTop() > 0) $('.goTop').css('opacity', 1)
          else $('.goTop').css('opacity', 0)
        }, 133)
      })
      var flag = false
      $('.openAndClose').on('click', function () {
        if (flag) {
          $('.contact').animate({
            'height': one * 2 + 'rem'
          }, 300)
          $(this)[0].src = './images/vote/hdwks_btn_icon.png'
          flag = false
        } else {
          $('.contact').animate({
            'height': one * 5 + 'rem'
          }, 300)
          $(this)[0].src = './images/vote/hdwks_fh_btn_icon.png'
          flag = true
        }
      })
    },
    dialog: function () {
      $('.goTop').click(function () {
        console.log('??')
        $('html,body .content').animate({
          scrollTop: 0
        }, 222)
      })
      $('.goWx').click(function (e) {
        e.stopPropagation()
        closeOtherDialog('.wxDialog').fadeToggle(233)
      })
      $('.goTelephone').click(function (e) {
        e.stopPropagation()
        closeOtherDialog('.telDialog').fadeToggle(233)
      })
      $('.closeSelf').click(function (e) {
        // e.stopPropagation()
        $('.content').css('overflow-y', 'scroll')
        $('.dialog').fadeOut(233)
      })
      $('.goActivity').click(function () {
        console.log('去活动详情')
      })
      $('.activityDetails').click(function () {
        closeOtherDialog('.activityDetailsDialog').fadeToggle(233)
      })
      // $('body').click(function (e) {
      //   closeOtherDialog()
      // })
    },
    voteDialog: function () {
      // 0 投票验证   1 成功   2 失败  3 规则提示
      let voteTemplate = [
        $('#voteDialog0'),
        $('#voteDialog1'),
        $('#voteDialog2'),
        $('#voteDialog3'),
      ]
      var that = this
      $('.voteBtn').click(function (e) {
        closeOtherDialog()
        e.stopPropagation()
        params = e.target.getAttribute("data-params").split(',')
        console.log(params)
        var openWhat = parseInt(params[0])
        // var data = $(event.target).parent().parent()[0].children[0].children
        voteTemplate[openWhat].show()
        // 0 投票验证   1 成功   2 失败  3 规则提示
        switch (openWhat) {
          case 0:
            // console.log(voteTemplate[openWhat][0].children[2].children[1])
            // voteTemplate[openWhat][0].children[2].children[0].src = params[1]
            // $(voteTemplate[openWhat][0].children[2].children[1]).text(params[2])
            that.rolling()
            break
          case 1:
            break
          case 2:
            break
          case 3:
            break
        }
      })
      $('.changeCode').click(function (e) {
        console.log(e.target.src = '')
      })
      $('.voteButton').click(function (e) {
        console.log(e.target.parentElement.id)
      })
      $('.getUrl').click(function () {
        console.log('???')
        var clipboard = new ClipboardJS('.getUrl')
        clipboard.on('success', function (e) {
          alert('复制成功')
          // e.clearSelection();
        })
        clipboard.on('error', function (e) {
          alert('复制失败')
        })
        // $('.urlModel').select()
        // document.execCommand('Copy')
      })
    }
  }
  $(document).ready(function () {
    showToast('.voteSuccessToast')
    $('input').blur(function () {
      window.scrollTo(0, 0)
    })
    $('.dialog').css('height', '100%')
    $('.dialog').css('border-radius', '0')
    $('.dialog').css('overflow-y', 'scroll')
    for (var i in voteInit) {
      voteInit[i]()
    }
  })
</script>